<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>

<%
	String contextPath = request.getContextPath();
	String path = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort() + contextPath;

%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%@ include file="/WEB-INF/views/shared/master/contentHeader.jsp"%>
<%@ include file="/WEB-INF/views/shared/master/index.jsp"%>



<!DOCTYPE HTML>
<!--
	Stellar by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Stellar by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" type="text/css"
	href="<%=path%>/assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<script>
function open_win() {
	window.open("<%=path%>/assets/upload.jsp", "newwindow", "height=500, width=400, top=150, left=400,toolbar=no, menubar=no, scrollbars=no, resizable=yes,location=no, status=no");
}
</script>


</head>
<body>

	<!-- Wrapper -->
	<div id="wrapper">

		<!-- Header -->
		<header id="header" class="alt">
			<span class="logo"><img src="<%=path%>/images/logo.jpeg"
				alt="云忆" /></span>
			<h1>云忆</h1>
			<p>
				一个记住过去，装满回忆的地方<br />
			</p>
		</header>

		<!-- Nav -->
		<nav id="nav">
			<ul>
				<li><a href="#intro" class="active">个人档</a></li>
				<li><a href="#first">亲人列表</a></li>
				<li><a href="#second">添加亲人</a></li>
				<li><a href="#cta">增值服务</a></li>
				<li><a href="<%=path%>/assets/login.jsp">云忆首页</a></li>
			</ul>
		</nav>

		<!-- Main -->
		<div id="main">

			<!-- Introduction -->
			<section id="intro" class="main">
				<div class="spotlight">
					<div class="content">
						<header class="major">


							<c:forEach begin="0" end="0" var="relative" items="${relatives}"
								varStatus="status">

								<h2>${relative.relative_firstName}${relative.relative_lastName}</h2>
								<p>${relative.relative_birthday}</p>

							</c:forEach>

							<ul class="actions">
								<li><a href="<%=path %>/assets/index2.jsp" class="button">个人中心</a></li>


							</ul>
					</div>
					<span class="image"><img src="<%=path%>/images/yangguo.jpg"
						alt="" /></span>

				</div>
			</section>

			<!-- First Section -->
			<section id="first" class="main special">
				<header class="major">
					<h2>亲人列表</h2>
				</header>
				<div class="spotlight">
					<div class="content">
						<header class="major">
							<c:forEach begin="1" end="1" var="relative" items="${relatives}"
								varStatus="status">

								<h2>${relative.relative_firstName}${relative.relative_lastName}</h2>

							</c:forEach>
						</header>
						<p>${relative.relative_comments}</p>
						<ul class="actions">
							<li><a href="${t_virtualpath}/admin/history/xln?num=1"
								class="button">查看详情</a></li>
						</ul>
					</div>
					<span class="image"><img src="<%=path%>/images/xln.jpeg"
						alt="" /></span>
				</div>



				<div id="div4" style="display: none">
					<c:forEach begin="2" var="relative" items="${relatives}"
						varStatus="status">
						<div class="spotlight">
							<div class="content">
								<header class="major">
									<h2>${relative.relative_firstName}${relative.relative_lastName}</h2>
								</header>
								<p>
									职业：${relative.relative_job}</br> 生日：${relative.relative_birthday}</br> 信息：${relative.relative_information}</br>

								</p>
								<ul class="actions">
									<li><a
										href="${t_virtualpath}/admin/history/xln?num=${status.index}"
										class="button">查看详情</a></li>
								</ul>
							</div>
							<span class="image"><img
								src="<%=path%>/images/yangguo.jpg" alt="" /></span>
						</div>
					</c:forEach>
				</div>
				</br> <input type="button" value="显示更多" id="btn2"
					onclick="fun('div4');hao(btn2)" /> </br>
			</section>


			<script>
                      function fun(id){
       
        var d=document.getElementById(id);
        if(d){
            d.style.display=d.style.display=="none"?"block":"none";
        }
		
    }
                </script>
			<script>
              function hao(obj) {
                      if(obj.value=="显示更多")
                         {
                            obj.value="隐藏更多";
                                }
                     else
                 {
                 obj.value="显示更多";
                                    }
                               }
              </script>












			<!-- Second Section -->
			<section id="second" class="main special">
				<header class="major">
					<h2>添加亲人</h2>
					<p>
						亲人是我们最宝贵的财富<br /> 为亲人保存一份珍贵的回忆<br /> 让亲情永存.
					</p>
				</header>



				<ul class="statistics">
					<li class="style1"><span class="icon fa-rmb"></span> <strong>999</strong>
						1G资料</li>
					<li class="style2"><span class="icon fa-car"></span> <strong>1999</strong>
						3G资料</li>
					<li class="style3"><span class="icon fa-plane"></span> <strong>4999</strong>
						10G资料</li>
					<li class="style4"><span class="icon fa-rocket"></span> <strong>9999</strong>
						40G+</li>
					<li class="style5"><span class="icon fa-diamond"></span> <strong>更多优惠</strong>
						敬请期待</li>
				</ul>
				<p class="content">云忆专业制作个人永久电子档案，是您值得信赖的伙伴.</p>
				<footer class="major">
					<ul class="actions">
						<li><a
							href="<%=path %>/WEB-INF/views/areas/admin/scl/history/xln.jsp"
							class="button">点击添加</a></li>
					</ul>
				</footer>
			</section>

			<!-- Get Started -->
			<section id="cta" class="main special">
				<header class="major">
					<h2>增值服务</h2>
					<p>
						为亲人购买虚拟冥币、香烛、爆竹等冥间用品<br /> 既环保又真诚.
					</p>
				</header>
				<footer class="major">
					<ul class="actions">

						<input type="button" value="点击购买" onclick="open_win()" />
					</ul>
				</footer>
			</section>
		</div>

		<!-- Footer -->
		<footer id="footer">

			<section>
				<img src="<%=path%>/images/qrcode.png"></img>
			</section>

			<section>
				<h2>云忆-让记忆永存</h2>
				<dl class="alt">
					<dt>微信：</dt>
					<dd>我是微信服务号</dd>
					<dt>电话：</dt>
					<dd>我是电话</dd>
					<dt>邮箱：</dt>
					<dd>我是邮箱</dd>
					<dt>官网：</dt>
					<dd>
						<a href="<%=path%>/assets/index2.jsp">我是网址</a>
					</dd>
				</dl>
			</section>

			<p class="copyright">
				青史留名. <a href="#">云忆</a>.
			</p>
		</footer>

	</div>
	<!-- Scripts -->
	<script src="../../../../assets/js/jquery.min.js"></script>
	<script src="../../../../assets/js/jquery.scrollex.min.js"></script>
	<script src="../../../../assets/js/jquery.scrolly.min.js"></script>
	<script src="../../../../assets/js/skel.min.js"></script>
	<script src="../../../../assets/js/util.js"></script>
	<!--[if lte IE 8]>
<script src="assets/js/ie/respond.min.js"></script><![endif]-->
	<script src="../../../../assets/js/main.js"></script>

</body>
</html>